<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-01-04 17:29:18
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-13 10:50:02
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint-detail\\complaint-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper [title]="'投诉管理'" [logo]="logo">
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>

  </ng-template>
</page-header-wrapper>
<!-- [nzExtra]="extraTemplate" -->
<nz-card [nzBorderless]="true" class="mb0">
  <ng-template #cardTemplate>
    <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()"
      *ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
  </ng-template>
  <div class="mb-xs common-order-header" nz-row>
    <div>
      <button nz-button nzType="primary" nzSize="small" nzDanger>{{ datailList?.complaintStatusLabel }}</button>
      <b class="ml-md text-md">投诉单号： : {{datailList?.complaintCode}}</b>
    </div>
    <div>
      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()"
        *ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
    </div>
  </div>
  <nz-divider class="divider-margin"></nz-divider>
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>投诉信息</span>
  </div>
  <!-- <h2>投诉单号：{{datailList?.complaintCode}}</h2> -->
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
    <ng-template sf-template="imgUrls" let-schema="schema" let-item let-ui="ui">
      <!-- <app-imagelist [imgList]="datailList?.imgUrls"></app-imagelist> -->

      <img nz-image width="100px" height="100%" *ngFor="let item of datailList?.imgUrls" [nzSrc]="item"
        style="margin:0 10px 0 0" alt="" />
    </ng-template>

  </sf>
</nz-card>
<nz-card nzTitle="投诉处理" [nzBorderless]="true" class="mb0 dealBox">
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>投诉处理</span>
  </div>
  <nz-timeline nzMode="left">
    <nz-timeline-item *ngFor="let i of datailList?.processNodeVOS; let id = index">
      <div class="p mt-sm">{{i?.nodeNameLabel}}</div>
      <p>
        {{i?.timeLabel}}：<span class="p-line">{{i?.time}}</span>
      </p>
      <p>
        {{i?.resultLabel}}：<span class="p-line">{{i?.result}}</span>
      </p>
    </nz-timeline-item>
  </nz-timeline>
</nz-card>
<nz-modal [(nzVisible)]="isVisibleRE" [nzWidth]="600" [nzFooter]="nzModalFooterview2" (nzOnOk)="handleOK()" nzTitle="处理"
  (nzOnCancel)="Cancel()">
  <ng-container *nzModalContent>
    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
    </sf>
  </ng-container>
  <ng-template #nzModalFooterview2>
    <button nz-button nzType="default" (click)="handleCancel('1')">拒绝</button>
    <button nz-button nzType="primary" (click)="handleOK()">通过</button>
    <button nz-button nzType="primary" (click)="handleCancel2()">强制取消</button>
  </ng-template>
</nz-modal>
